/* MAIN CONTENT */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:0.80em;
	background-color: #c0c0c0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#topcontainer {
  display:none;
}
#logoContainer {
  background-color: #ffffff;
  text-align: center;
  margin:1px;
}
#mainContainer {
  padding: 5px;
  width:100%;
  vertical-align: top;
  white-space:normal;
}
#container { 
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	vertical-align:top;
	padding:2px;
}
#mainContent {
	padding:0px;
	padding-top:0;
	}
#rightContent {
	vertical-align:top;
	padding:0px;
	padding-top:0;
	}
#leftContent {
	vertical-align:top;
	padding:0px;
	padding-top:0;
	}
#footer {
	width: 980px;
	margin: 0 auto;
	font-size: 0.65em;
	color:#606060;
	text-align:right;
	}
.errormsg { 
	font-style:italic;
	background-color:#fdbaba; /*f2f2ce;*/
	padding:3px;
	margin-bottom:5px;
	border:1px solid #AD0000;
	} 
.statusmsg {
	font-style:italic;
	background-color:#9ffdac;
	border:2px solid green;
	padding:3px;
	margin-bottom:5px;
	}
/* MENU */
#menuBar {
	width:100%;
	height:25px;
	padding:0;
	margin-top:-8px;
}
#menuBar ul {
	display:inline;
	margin:0;
	padding:0;
	z-index:505;
	}
#menuBar ul li {
	 clear:both;
	 display:inline-block;
	 width:232px;
	 height:37px;
	 overflow:hidden;
	 list-style-type:none;
	 padding-right:2px;
	 padding-left:2px;
	 z-index:505;
	}
#menuBar ul li a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
#menuBar ul li a:hover {
	color:#e0e0e0;
	font-weight:bold;
	}
.menuItem{
	padding:3px;
	background-image:url(MenuButton.png);
	background-repeat:no-repeat;
	width:232px;
	height:37px;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
	text-align:center;
	z-index:505;
}
#submenuBar {
	background-image:url(SubMenuBack.png);
	background-repeat:repeat;
	height:20px;
	padding:5px;
	color:white;
	}
#submenuBar a {
	color:white;	
}
.submenuContainer {
	margin-top:20px;
	position:absolute;
	z-index:500;
	border-bottom:4px solid white;
	background-image:url(SubMenuBack.png);
	background-repeat:repeat;
	border-left:4px solid white;
	border-right:4px solid white;
	z-index:500;
}
.subMenuDropDown {
	margin-bottom:0px;
	padding:3px;
	padding-left:15px;
	padding-bottom:3px;
	color:#ffffff;
	}
.subMenuDropDown ul {
	display:inline;
	margin:0;
	padding:0;
	border-bottom:4px solid white;
	}
.subMenuDropDown ul li {
	 clear:both;
	 display:inline;
	 overflow:hidden;
	 color:#CCCCCC;
	 width:100%;
	 list-style-type:none;
	}
.subMenuDropDown ul li a {
	color:#ffffff;
	text-decoration:none;
	}
.subMenuDropDown ul li a:hover {
	color:#e0e0e0;
	}
.submenuItem {
	display:inline-block;
	width:208px;
	margin-left:5px;
	text-align:left;
	z-index:500;
}
.submenuItem:hover {
	color:black;
	width:206px;
	background-image:url(SubMenuBack.png);
	background-repeat:repeat;
	margin-left:7px;
}
.horisubmenuItem {
	display:inline-table;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	background-image:url(menuBack.png);
	background-repeat:repeat-x;
	margin-left:-5px;
	margin-top:-2px;
	z-index:500;
	text-align:center;
}
.horisubmenuItem:hover {
	background-image:url(menuHighlight.png);
	background-repeat:repeat-x;
}


/* WIDGETS */
.widgetTitle {
	padding:4px;
	min-width:100px;
	min-height:20px;
	vertical-align:bottom;
	border:none;
	text-align:left;
	border-bottom:2px solid black;
    }
.widgetContainer {
	border:none;
	}
.widgetFooter {
	 display:none;
	}
.AltwidgetTitle {
	width:200px;
	background:url(WidgetAlternateTop.png) no-repeat;
	background-repeat:repeat-x;
	vertical-align:bottom;
	border:none;
	text-align:center;
	color:white;
	font-size:14px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
    }
.AltwidgetContainer {
	background-color:#efefef;
	width:200px;
}
.AltwidgetFooter {
	 width:200px;
	 height:13px;
	background:url(AlternateWidgetBottom.png) no-repeat;
	background-repeat:repeat-x;
	}
.accordionTitle {
	background-image:url(menuBack.png);
  	background-repeat:repeat-x;
	min-width:150px;
	vertical-align:middle;
	border:1px solid black;
    }
.accordionTitle:hover {
	background-image:url(menuHighlight.png);
	background-repeat:repeat-x;
}
.weatherTooltip {
	display:none;
	text-align:left;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	z-index:500;
} 
.photoRotatorTall {
	width:450px;
	height:575px;
}
.rotatorOnlyImages {
	position:relative;	
	height:302px;
	width:436px;
	float:left;	
	margin:5px;
}
.rotatorOnlyImages div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}
.rotatorOnlyTabs {
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
.rotatorOnlyTabs a {
	width:8px;
	height:8px;
	margin:3px;
	background:url(navigator.png) 0 0 no-repeat;
	display:inline-block;
	font-size:1px;		
}
.rotatorOnlyTabs a:hover {
	background-position:0 -8px;      
}
.rotatorOnlyTabs a.current {
	background-position:0 -16px;     
}
.rotatorOnlyForward, .rotatorOnlyBackward {
	float:left;
	background:#fff url(hori_large.png) no-repeat;
	display:block;
	width:15px;
	height:15px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
.rotatorOnlyForward 			{ background-position: 0 -15px; clear:right; }
.rotatorOnlyForward:hover 		{ background-position:-15px -15px; }
.rotatorOnlyForward:active 	 	{ background-position:-30px -15px; } 
.rotatorOnlyBackward:hover  	{ background-position:-15px 0; }
.rotatorOnlyBackward:active  	{ background-position:-30px 0; }

.rotatorImages {
	position:relative;	
	height:302px;
	width:436px;
	float:left;	
	margin:5px;
}
.rotatorImages div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}
.rotatorTabs {
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
.rotatorTabs a {
	margin:1px;
	display:inline-block;
	font-size:1px;
	padding:2px;
}
.rotatorTabs a:hover {
	width:
}
.rotatorTabs a.current {
	border:1px solid white;
}
.playButton {
	background:url(/assets/images/play.png) no-repeat;
	display:block;
	width:34px;
	height:34px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
.playButton:hover {
	background-position:0 -34px;
}
.playButton:active {
	background-position:0 -68px;
}
.pauseButton {
	background:url(/assets/images/pause.png) no-repeat;
	display:block;
	width:34px;
	height:34px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
.pauseButton:hover {
	background-position:0 -34px;
}
.pauseButton:active {
	background-position:0 -68px;
}

/* Datepicker */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;	
}
#calhead {	
	padding:2px 0;
	height:22px;
} 
#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/assets/images/calprev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}
#calnext {
	background-image:url(/assets/images/calnext.gif);
	float:right;
}
#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}
#caltitle select {
	font-size:10px;	
}
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}
#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}
#calweeks {
	background-color:#fff;
	margin-top:4px;
}
.calweek {
	clear:left;
	height:22px;
}
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;	
} 
.calweek a:hover, .calfocus {
	background-color:#ddd;
}
a.calsun {
	color:red;		
}
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}
#caltoday {
	background-color:#333;
	color:#fff;
}

/* Other Styles */
/* root element for tabs  */
ul.tinytabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tinytabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tinytabs a { 
	background: url(tinytabs.png) no-repeat -315px 0;
	font-size:11px;
	display:block;
	height: 23px;  
	line-height:23px;
	width: 101px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tinytabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tinytabs a:hover {
	background-position: -315px -23px;	
	color:#999999;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tinytabs a.current, ul.tinytabs a.current:hover, ul.tinytabs li.current a {
	background-position: -315px -47px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tinytabs a.s 			{ background-position: -415px 0; width:60px; }
ul.tinytabs a.s:hover 	{ background-position: -415px -23px; }
ul.tinytabs a.s.current  { background-position: -415px -47px; }

/* width 2 */
ul.tinytabs a.l 			{ background-position: -186px -0px; width:131px; }
ul.tinytabs a.l:hover 	{ background-position: -186px -23px; }
ul.tinytabs a.l.current  { background-position: -186px -47px; }


/* width 3 */
ul.tinytabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tinytabs a.xl:hover 	{ background-position: 0 -23px; }
ul.tinytabs a.xl.current { background-position: 0 -47px; }